<template>
    <div>
        <!-- 轮播图 -->
        <mt-swipe :auto="4000">
           <mt-swipe-item v-for="(item,i) in imgList" :key="i">
               <img :src="item.img_url" alt="">
           </mt-swipe-item>
       </mt-swipe>
    </div>
</template>
<script>
export default {
    //接受组件传递过来的值
    props:["imgList"]
}
</script>
<style lang="scss">
.mint-swipe{
        height: 200px;

       .mint-swipe-items-wrap{
            .mint-swipe-item:nth-child(1){
                background: red;
            }
            .mint-swipe-item:nth-child(2){
                background: blue;
            }
            .mint-swipe-item:nth-child(3){
               background: greenyellow;
            }
            img{
                width: 100%;
                height: 100%;
            }
        }
        mui-grid-view.mui-grid-9{
            background-color: #fff;
            border: 0;
             img{
                width: 60px;
                height: 60px;
            }
        }
        mui-grid-view.mui-grid-9 .mui-table-view-cell{
            border: 0;
        }
    }
</style>